<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>login</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/reset.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style1.css">
</head>

<body>
	<font color="red"> <%-- 提示信息--%> <span id="message">${msg}</span>
	</font>
	<%-- 提交后的位置：/WEB-INF/jsp/customer.jsp--%>
	<div id="world" align="center">
		<div id="login-box">
			<div id="tit" align="center">
				客户管理系统</span>
			</div>
			<form action="${pageContext.request.contextPath }/login.action"
				method="post" onsubmit="return check()" name="form1">
				<div class="form">
					<div class="item">
						<i class="fa fa-user-circle-o" aria-hidden="true"></i> <input
							type="text" placeholder="Username" name="usercode" id="usercode" />
					</div>
					<div class="item">
						<i class="fa fa-key" aria-hidden="true"></i> <input
							type="password" placeholder="Password" name="password"
							id="password" />
					</div>
					<input id="button" type="submit" name="submit" value="login">
				</div>
			</form>
		</div>
	</div>
	<script src='${pageContext.request.contextPath}/js/three.min.js'></script>
	<script src='${pageContext.request.contextPath}/js/TweenMax.min.js'></script>
	<script src='${pageContext.request.contextPath}/js/OrbitControls.js'></script>
	<script src='${pageContext.request.contextPath}/js/Cat.js'></script>
	<script src="${pageContext.request.contextPath}/js/index.js"></script>
	<script>
		// 判断是登录账号和密码是否为空
		function check() {
			var usercode = form1.usercode.value;
			var password = form1.password.value;
			if (usercode == "" || password == "") {
				alert("用户名或密码不能为空！");
				return false;
			}
			return true;
		}
	</script>
</body>
</html>
